<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%
	request.setCharacterEncoding("EUC-KR");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="/style.css" type=text/css rel=stylesheet>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>사용자 폼</title>
<script type="text/javascript">
<!--
function checkEmail(input) {
	
	var regEmail = /^\w[-.\w]*\@[-a-b0-9]+(?:\.[-a-b0-9]+)*\.[a-z][a-z]\b/;
	if( !regEmail.test(input) ){
		return true;
	}else{
		alert("이메일 형식이 틀렸습니다.");
		email.focus();
		return false;
	}
	
} 
function AttendCheck(name)
{
	if (isNaN(name.value))
	{
	  alert("숫자만 입력하세요.");
	  name.focus();
	  return false;
	}
	return true;
}

function checkMonth(input){

	//month 테이블
	var mt = new Array(31,28,31,30,31,30,31,31,30,31,30,31);
	
	//오늘 데이트 객체
	var now=new Date();
	
	var Y=now.getYear(); //년
	var M=now.getMonth()+1; //월
	var D=now.getDate(); //일
	
	var lim =new Array(Y,12,31); //일,월,년도 한계범위설정
	var lim_ =new Array('년도','월일','일자'); //일원년의 표기 스트링
	var lim__ =new Array(4,2,2); //일,월,년의 유효길이
	
	var a = new Array(); //정수화 포맷을 담을 배열
	var tmp = input.value.split('-'); //    /로 나누어 배열로 담는다.
	if(tmp.length!=3){ //배열의 길이가 유효한지 확인.
		alert('유효하지 않은 날짜포맷입니다\nyyyy-mm-dd 형식으로 넣어주세요');
		input.focus();
		return false;
	} else {
		a[0]=parseInt(tmp[0]); 
		a[1]=parseInt(tmp[1]); 
		a[2]=parseInt(tmp[2]); 
		
		for(var i in a){ //배열의 길이만큼 루프를 돈다.
			if(a[i]<0||a[i]>lim[i]||tmp[i].length!=lim__[i]){ //일,월,년도별 유효성 체크
				alert(lim_[i]+'를 제대로 입력해 주세요');
				input.focus();
				return false;
			}
		}
		
		if(mt[a[1]-1]<a[2]){ //월별 요일의 범위체크
			alert('일자의 범위가 틀립니다.');   
			input.focus();
			return false;
		}

	}
	return true;
}

 
//-->
</script>
</head>
<body>
<center>
<h1>사용자 정보 입력</h1>
<form:form name="form" commandName="user" method="post" enctype="UTF-8">
	<input type="hidden" name="mode" value="${mode}" />
	<table border="1" >
		<tr align="center">
			<td>이름 : </td>
			<td><form:input path="name" /></td>
		</tr>
		<tr align="center">
			<td>나이 : </td>
			<td><form:input path="age" onblur="javascript:AttendCheck(this);" /></td>
		</tr>
		<tr align="center">
			<td>생년월일 : </td>
			<td><form:input path="birthDate" onblur="javascript:checkMonth(this);" /></td>
		</tr>
		<tr align="center">
			<td>전화(집) : </td>
			<td><form:input path="phone" /></td>
		</tr>
		<tr align="center">
			<td>핸드폰 : </td>
			<td><form:input path="cellPhone" /></td>
		</tr>
		<tr align="center">
			<td>부서 : </td>
			<td><form:input path="depart" /></td>
		</tr>
		<tr align="center">
			<td>학교 : </td>
			<td><form:input path="career" /></td>
		</tr>
		<tr align="center">
			<td>이메일 : </td>
			<td><form:input path="email" onblur="javascript:checkEmail(this);" /></td>
		</tr>
		<tr align="center">
			<td>주소 : </td>
			<td><form:input path="addr" /></td>
		</tr>
		<tr>
			<td colspan="2">비고</td>
		</tr>
		<tr>
			<td colspan="2"><form:textarea path="note" cols="50" rows="3" /></td>
		</tr>
		<tr>
			<td colspan="2" align="right"><input type="submit" value="Submit" /></td>
		</tr>
	</table>
</form:form>
</body>
</html>